<template>
  <div>
    <h2>User:{{ this.$route.params.username }}</h2>
    <h2>routeName:{{ routeName }}</h2>
  </div>
</template>

<script>
import { useRoute } from "vue-router";
export default {
  setup() {
    const route = useRoute();
    // console.log(route);
    const routeName = route.params.username;
    // const routeId = route.params.id;
    // console.log(routeName,routeId);
    return { routeName };
  },
};
</script>

<style lang="scss" scoped>
</style>